<template>
  <div class="">
    <el-form 
      :inline="true" 
      :model="formInline" 
      label-position="right" 
      
      size="mini"
      >
      <el-row>
        <template v-for="i in 6">
          <el-form-item label="审批人" style="width:25%;margin:5hpx 0" :key="i">
            <el-select v-model="formInline.region" placeholder="活动区域">
              <el-option label="区域一" value="shanghai"></el-option>
              <el-option label="区域二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
        </template>
          

      </el-row>
      <el-row>

        <el-form-item label="审批人" >
          <el-select v-model="formInline.region" placeholder="活动区域">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>

      </el-row>

      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
    </el-form>
    <el-row>
    <button @click="test">test</button>
      <el-table
        ref="multipleTable"
        :data="tableData3"
        tooltip-effect="dark"
        style="width: 100%"
        border>
        <el-table-column
          type="index">
        </el-table-column>
        
        <el-table-column
          type="selection"
          width="50">
        </el-table-column>
        
        <el-table-column
          label="日期"
          width="120">
          <template slot-scope="scope">{{ scope.row.date }}</template>
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"
          width="120">
        </el-table-column>


        <el-table-column v-for="i in 12" :key="i" :label="`${i}月`">
          <template v-if="i>7">
            <el-table-column>
              11
            </el-table-column>
            <el-table-column>
              22
            </el-table-column>
            <el-table-column>
              33
            </el-table-column>
          </template>
          <template v-if="i<7">
            00
          </template>
          
        </el-table-column>
        
          
           

        
        
      </el-table>
    </el-row>
  </div>
</template>

<script>
export default {
  name: '',
  data() { 
    return {
      formInline: {
        user: '',
        region: ''
      },
      months1:{
        month:'1月',
        data:123,
        data_daliy:''
      },
      months2:{
        month:'7月',
        data:123,
        data_daliy:{
          com:100,
          daty:200,
          op:300
        }
      }
    }
  },
  computed: {
    tableData3:function(){
      let m1 = this.months1
      let m2 = this.months2
      let item1 = {
          date: '2016-05-03',
          name: '王小虎1',
          months:[m1,m1,m1,m1,m1,m1,m2,m2,m2,m2,m2,m2]
        }
      let item2 = {
          date: '2016-05-04',
          name: '王小虎2',
          months:[m1,m1,m1,m1,m1,m1,m2,m2,m2,m2,m2,m2]
        }
      console.log([item1,item2])
      return [item1,item2]
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    },
    test(){
      console.log(this.months1)
    }
  }
 }
</script>

<style lang="" scoped>
</style>